@scroll-horizontal-width: 5px;
@scroll-vertical-height: 5px;
@scroll-background: rgba(0, 0, 0, 0.2);
@scroll-background-hover: rgba(0, 0, 0, 0.3);

.editorStyles {
  :global {
    .w-e-scroll {
      padding: 0px 0px 10px;
    }

    .w-e-scroll::-webkit-scrollbar {
      width: @scroll-horizontal-width;
      height: @scroll-vertical-height;
    }

    .w-e-scroll::-webkit-scrollbar-thumb {
      -webkit-transition: all 0.25s;
      background: @scroll-background;
      transition: all 0.25s;
      border-radius: 0px;
    }

    .w-e-scroll::-webkit-scrollbar-thumb:hover {
      background: @scroll-background-hover;
    }

    .w-e-text-container [data-slate-editor] p {
      margin: 0px;
      padding: 5px 0px 0px;
    }

    .w-e-select-list::-webkit-scrollbar {
      width: @scroll-horizontal-width;
      height: @scroll-vertical-height;
    }

    .w-e-select-list::-webkit-scrollbar-thumb {
      -webkit-transition: all 0.25s;
      background: @scroll-background;
      transition: all 0.25s;
      border-radius: 0px;
    }

    .w-e-select-list::-webkit-scrollbar-thumb:hover {
      background: @scroll-background-hover;
    }

    .w-e-text-placeholder {
      top: 5px;
    }
  }
}
